<template>
  <div>
    <ul class="homeIcon">
      <li>
        <img src="@/assets/images/Icon/newIndex1.png" alt="全部课程" />
        <span>课程</span>
      </li>
      <li>
        <img src="@/assets/images/Icon/newIndex2.png" alt="全部课程" />
        <span>题库</span>
      </li>
      <li>
        <img src="@/assets/images/Icon/newIndex3.png" alt="全部课程" />
        <span>学院</span>
      </li>
      <li>
        <img src="@/assets/images/Icon/newIndex4.png" alt="全部课程" />
        <span>我们</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'IndexIcon',
  props: {
    arrays: Array
  },
  mounted () {
  }
}
</script>

<style lang="stylus" scoped>
  .homeIcon >>> img
    width .88rem
  .homeIcon >>> li
    width 25%
    float left
    text-align center
  .homeIcon >>> span
    display block
    padding-top .12rem
    font-size .28rem
  .homeIcon
    width 100%
    overflow hidden
    height 0
    padding-bottom 20%
    margin-top .4rem
</style>
